@charset "gb2312";
/* CSS Document */

@font-face {
    font-family:'bookman_demi';
    src:url('fonts/bookman_demi-webfont.eot');
    src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bookman_demi-webfont.woff') format('woff'),
         url('fonts/bookman_demi-webfont.ttf') format('truetype'),
         url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
    font-weight:normal;
    font-style:normal;
}

body { margin:0; padding:0; font-family:"Microsoft YaHei"; font-size:12px;color:#515151; line-height:22px; background:#fff;
_background-attachment: fixed; width:100%;margin:0px auto;}
a{ color:#d2cbbe; text-decoration:none;}
a:hover { color:#fff;}
a img{transition:all .5s;-webkit-transition:all .5s;}
a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3,h5,form{ margin:0; padding:0; list-style:none;}
.clear{ clear:both;}

.dingbu{ background-color:#161010; height:20px; width:100%; display:none;}
.dbu{ width:1000px; margin:0 auto; line-height:20px; color:#d2cbbe;}
.dbu span{ float:right;}
.dbu span a{ padding-left:5px; padding-right:5px;}
.flex_1{ display:flex;align-items:flex-start; }

.top{ max-width:1100px; width:94%; margin:0 auto;display: flex;
    align-items: flex-end; 
    justify-content: space-between;} 
.logo{margin-top:10px;}
.logo img{ width:200px; height:auto;}
.top .topright{ flex:1; margin-left:30px;}
.phone{ float:right; white-space:nowrap;}
.dianhua{ float:left; padding-top:8px;}
.dianhua img{ height:30px; width:auto;}
.haoma{ float:left; margin-left:10px; font-family:"Microsoft YaHei"; font-size:12px; color:#444;}
.haoma .t2{ font-size:18px; color:#000; font-family:Arial, Helvetica, sans-serif;}
.nav{margin-top:20px;}
.nav ul{ margin:0px; padding:0px;display: flex;
    align-items: center;
    justify-content: space-between;}
.nav ul li{  text-align:center;overflow:hidden;position:relative;width:80px;display:inline;}
.nav ul li.first{width:60px;}
.nav ul li span{display:block;width:160px; position:relative;height:20px; overflow:hidden;}
.nav ul li span a{ display:block; font-weight:bold; color:#333; font-size:16px; font-family:"Microsoft YaHei";width:80px;float:left; outline:none; blr:expression(this.onFocus=this.blur())}
.nav ul li span a.on{ color:#A00;}
.nav ul li span.en a{ font-family:Arial, Helvetica, sans-serif; color:#7a7a7a; font-size:10px; font-weight:normal; line-height:14px;}
.nav ul li span.en a.on{color:#333;}
.nav ul li span.t1 a{width:60px;}
.nav ul li.cur span a{color:#A00;}
.nav ul li.cur span.t1 a{color:#A00;}
.nav ul li.cur span.en a{color:#333;}

.banner{width:100%; background:url(../zx_js/skin/loading1.gif) 50% 50% no-repeat; position:relative; overflow:hidden;}
.banner img{width:100%; min-height:200px; object-fit:cover; height:auto;}
.banner #ban_prev{display:block;position:absolute; width:50px; height:115px; left:-50px; top:165px; background:url(../images/anniu.png) -50px 0px; z-index:999;text-indent:-99em; cursor:pointer; overflow:hidden;}
.banner #ban_next{display:block;position:absolute; width:50px; height:115px; right:-50px; top:165px;background:url(../images/anniu.png) 0px 0px; z-index:999;text-indent:-99em; cursor:pointer; overflow:hidden;}
.ywzi,.zwzi,.xiaozi,.more{ text-align:center;}
.ywzi{}
.zwzi{ margin-top:7px;}
.xiaozi{ margin-top:8px; font-size:16px; color:#6f6e6e;}
.cp{ background-color:#f0f0f0; margin-top:50px; height:auto; overflow:auto; overflow:hidden; padding-bottom:40px;}
.cptu{ max-width:1100px; width:94%; overflow:hidden; margin:0 auto; position:relative;}
.ptu{ padding:40px 0px 0px;}
.ptu ul{display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 10px;
    align-items: stretch;}
.ptu ul li{background-color:#d0c9bc; border:solid 0px #d0c9bc; padding-top:80%;overflow:hidden; position:relative; cursor:pointer;}
.ptu ul li.you{}
.ptu ul li .bak{background-color:#000;width:100%; height:100%;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0); position:absolute; top:0px;left:0px;}
.ptu ul li .name{ background-color:#000; height:40px; width:100%; text-align:center;opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70); position:absolute; bottom:0px !important; left:0px; line-height:40px; overflow:hidden; z-index:1000}
.ptu ul li .name a{ font-size:18px; color:#fff;}
.ptu ul li a img{ position:absolute; left:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center; top:0px;}

.gsjs{ width:1000px; margin:0 auto; font-size:13px; color:#695f5d; margin:50px auto 20px;}
.gsjs a{ color:#695f5d;}
.gsjs a:hover{ color:#c40d23;}
.sjs{ width:1000px; margin:0 auto; color:#412e2a; background:#f0f0f0; height:auto; overflow:hidden;}
.part1{ width:232px; float:left; border-right:#FFF 1px solid;height:400px; overflow:hidden;}
.part1 .tu{display:block;width:232px; height:248px; overflow:hidden;}
.part1 .zi{ background-color:#f0f0f0; width:232px; height:152px;}
.zi span{ display:block; margin:0px 15px; font-size:20px; padding-top:20px;}
.zi span.a1{ font-size:14px; padding-top:8px; border-bottom:dotted 1px #412e2a}
.zi span.a2{font-size:12px; line-height:18px; padding-top:8px;}
.part3{ width:226px; float:right; border-left:#FFF 1px solid; height:400px;}
.part3 .tu{width:226px;height:245px; overflow:hidden;}
.part3 .zi{ background-color:#f0f0f0; width:226px; height:155px;}
.part2{ width:540px; float:left;}
.part2_up{height:156px;}
.part2_up .zi{ background-color:#f0f0f0; width:303px; height:156px; float:left;}
.part2_up .meitu{ float:left;}
.part2_up .meitu a.tu{display:block; width:237px; height:156px; overflow:hidden;}
.part2_down{ border-top:#fff 1px solid; width:540px;}
.shipin{ background-color:#230507; width:303px; height:243px; color:#dab476; font-size:12px; border-right:#fff 1px solid; float:left;}
.zuih{ float:left; width:236px; height:243px;}
.zuih .zi{ background-color:#f0f0f0; height:115px;}
.zuih .zi span.a1{ padding-top:10px;}
.zuih .tu{display:block; width:236px; height:128px; overflow:hidden;}
.shipin img{ margin:10px 16px;}
.shipin span{ display:block; padding-top:10px; padding-left:16px;}

.zi .a1 a{color:#412e2a;}

.brand{ padding-top:60px;}
.pinpaibg{ width:100%; background-color:#f0f0f0; height:auto; overflow:auto; overflow:hidden; margin-top:50px;}
.pinp{ width:1000px; margin:0 auto; margin:45px auto; overflow:hidden;}
.anli{ width:672px; background-color:#FFF; float:left;height:560px;}
.anli ul{ padding:24px 0px 0px; height:366px;}
.anli ul li{ float:left; width:203px; text-align:center; margin-bottom:18px; margin-left:16px; font-size:14px; position:relative;}
.anli ul li a.photo{display:block;width:203px; height:207px; overflow:hidden; position:relative;}
.anli ul li img{ margin-bottom:8px;width:203px; height:207px;}
.anli ul li.last{ margin-right:0px;}
.anli ul li .ms{ margin-top:7px;}
.anli ul li a{ color:#515151;}
.anli ul li a:hover{ color:#000;}
/*.anli ul li .view{ position:absolute; left:0px; top:0px;width:100%; height:207px; background:url(../images/sview.jpg) center center no-repeat; display:none;}*/
.jianz{ width:303px; float:right; background-color:#FFF;}
.jianz a{display:block; width:303px; height:560px; overflow:hidden;}

.jianz .jztu,.xnews .xwtu{ float:left;}
.jianz .jztu img{width:110px; height:80px;}
.jianz .jzwz{ float:left; width:146px; margin-left:10px; }
.jianz .jzwz a{font-size:14px; color:#412e2a;}
.jianz ul li p{ margin-top:6px; font-size:12px; color:#707070; line-height:17px;}

.jianz ul li p a:hover{ color:#222;}

.xuanx{ width:224px; margin:0 auto; margin-top:20px; overflow:hidden;}
.xuanx ul li{ float:left; text-align:center; height:38px; margin-left:15px; display:inline;}
.xuanx ul li a{ display:block; background:url(../images/wxbg.png) no-repeat; height:38px; width:92px; color:#7a615c;font-size:14px; line-height:26px; outline:none; blr:expression(this.onFocus=this.blur())}
.xuanx ul li.cur a{ background:url(../images/xzbg.png) no-repeat; color:#fff;}

.news{ padding-top:60px;}
.xinwen{ width:1000px; margin:auto; margin-top:50px; overflow:hidden;}
.danews{ width:480px; overflow:hidden; float:left; position:relative; background:white;}
.danews a{ outline:none; blr:expression(this.onFocus=this.blur())}
.datu{ background-color:#fff; width:480px; height:549px;position:relative; overflow:hidden;}
.datu #trade a{ position:absolute; top:0px; left:0px; display:block;width:480px; height:549px; overflow:hidden;}
.datu #trade a img{width:480px; height:549px}
.datu .tool{background-color:#000; height:48px; width:480px; opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70); position:absolute; bottom:-48px;left:0px; line-height:48px;font-size:14px; text-indent:1em; z-index:9999; overflow:hidden;}
.datu .dazi{background-color:#000; height:48px; width:404px; opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70); position:absolute; bottom:-48px;left:0px; line-height:48px;font-size:14px; text-indent:1em; z-index:9999; overflow:hidden;}
.zuobo{ position:absolute; top:230px; left:-27px;z-index:9999; display:none;}
.youbo{ position:absolute; top:230px; left:auto;right:-27px;z-index:9999; display:none;}
.xnews{ width:506px; float:right; overflow:hidden;}
.xnews .xwtu{float:none; overflow:hidden;}
.xnews .xwtu a{ display:block; margin-bottom:15px; position:relative;width:240px; height:226px; overflow:hidden;}
.xnews .xwtu a img{width:240px;height:226px;}
.xnews .xwwz a{ color:#515151; display:block; height:20px; line-height:20px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.xnews .xwwz p{display:none;}
.xnews ul{}
.xnews ul li{float:left;width:240px;margin-bottom:20px;margin-left:10px; text-align:center;}
.xnews ul li p{ margin-top:10px;}
.xnews ul li p a{ font-size:12px; color:#707070; line-height:17px;}
.xnews ul li p a:hover{ color:#222;}
.hidden{display:none;}

.hezuo{ background-color:#f0f0f0;margin:auto;margin-top:30px; height:auto; overflow:hidden; }
.friend{ width:1000px; margin:20px auto;}
.friend ul li{ float:left;margin-right:11px; position:relative;width:115px; height:50px; overflow:hidden;}
.friend ul li.last{margin:0px;}
.friend ul li a{ position:absolute; left:0px; top:0px;}
.friend ul li img{width:115px; height:50px;}

.foot{ background:#333333; }
.footer{ max-width:1100px; width:94%; margin:0 auto; text-align:left; color:#a6a6a6; background:url(../images/weix.jpg) right 30px no-repeat; background-size:160px 160px; padding-bottom:20px;}
.dibudh{padding-top:35px; padding-left:10px; padding-right:10px;}
.dibudh a{color:#a6a6a6;}
.dibudh a:hover{ color:#fff;}
.beian{ margin-top:35px; line-height:28px; padding-left:10px;}

.biandh{ background:url(../images/shu.png) no-repeat; height:290px; right:50px;
position:fixed;
top:200px;
_position:absolute; /*����IE6*/ 
_top:expression(eval(document.documentElement.scrollTop)+200);
z-index:9999;}
.biandh ul{ padding-top:44px; width:37px;}
.biandh ul li{ width:37px; height:37px; margin-top:5px;}
.biandh ul li a{ display:block; background:url(../images/yuan.png) 2px -45px no-repeat; height:34px; line-height:34px; text-align:center;  margin-left:2px; color:#000; font-size:10px; width:34px; outline:none; blr:expression(this.onFocus=this.blur())}
.biandh ul li a.sure{ background:url(../images/yuan.png) 0px -3px no-repeat; height:37px; line-height:37px; margin-left:0px; color:#fff; width:37px;}
.biandh ul li.last{cursor:pointer; background:#333; border-radius:50%; position:relative;}
.biandh ul li.last a{display: flex;
    align-items: center;
    justify-content: center;background:#333;border-radius:50%;overflow:hidden; }
.biandh ul li.last a img{ width:25px; height:auto; background:#333; }
.alpha{opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
.biandh ul li.last .Bullet{ width:117px; height:117px; background:#fff; border:1px #ccc solid; border-radius:5px;display: flex;
    align-items: center;
    justify-content: center; position:absolute; right:50px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition: all .3s ease;-webkit-transition: all .3s ease; display:none;box-shadow:0px 0px 8px #c1c1c1;}
.biandh ul li.last:hover .Bullet{display:flex;}
.biandh ul li.last .Bullet .pic{ width:102px; height:102px;}
.biandh ul li.last .Bullet:before {
	position: absolute;
	right: -16px;
	top: 50%;border: 8px solid transparent;border-left: 8px solid #fff;z-index:20;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	content: '';
}

.product{padding-top:60px;}
.siteeff{height:100px;}
.ywzi img{ position:relative; }
.zwzi img{ position:relative;}
.xiaozi img{ position:relative; display:none; top:50px;}

.banner .toptrade{height:500px; overflow:hidden;}
.banner #topTrade{height:500px; line-height:500px; width:100%;margin:0px;text-align: center; position:relative;}
.banner #topTrade div{height:500px;overflow:hidden;width:100%; min-width:1003px; position:absolute;text-align: center;left:0px;top:0px; background-position:center center;}
.banner #topTrade div a{ display:block; height:500px; }

.newsbox{}

/*��������*/
.inbanner{ background:url(../images/about_03.jpg) no-repeat; width:1200px; margin:auto; height:280px; margin-top:15px; display:none;}
.inmain{ max-width:1100px; width:94%; margin:auto; margin-top:25px; margin-bottom:50px; height:auto; overflow:auto; overflow:hidden; display:flex;align-items:flex-start; }
.inbg1{background:url(../images/baibg.jpg) right repeat-y; }
.inbg2{background:url(../images/cbtiao.jpg) right repeat-y; }
.leftdh{ width:60px; float:left; margin-top:30px;}
.leftdh ul li{ margin-top:7px; float:right;width:50px;}
.leftdh ul li.cur{width:60px;}
.leftdh ul li a{ display:block; background:#c8c7c7;color:#000000; font-size:14px; line-height:16px; text-align:center; padding:20px 0px;}
.leftdh ul li.cur a{background:#333;color:#fff;}
.leftdh ul li a:hover{ background:#333;color:#fff;}
.leftdh ul li a span{display:block;width:15px; margin:auto; word-break:break-all; cursor:pointer;}
.rightnr{ background:#fff;  flex:1;padding:12px 23px 50px; float:right; height:auto; overflow:auto; overflow:hidden;}
.inbt{ background:#f7f6f4; height:65px; color:#a0998b; line-height:65px; padding-top:5px}
.inbt .nm{ float:left; margin-left:25px; display:inline;font-size:22px;}
.inbt .xdhdh{ float:right; padding-right:15px; display:flex;align-items: center;}
.nm span{ font-size:22px; margin-right:7px; color:#454444;}
.nm span.m1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:7px;}
.xdhdh a{ color:#a0998b; padding:0px 2px; white-space:nowrap;}
.xdhdh a.bb{ float:left;margin-right:5px;}
.xdhdh a:hover{ color:#000;}
.inabout{ margin-top:30px; font-size:13px; line-height:24px; padding:0px 20px; padding-right:0px;}
.inabout span{ float:right; margin:30px 0px 30px 20px;}
.inabout ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 26px;
	justify-items: center;
	align-items: start;
align-items: stretch;}

/*Ʒ�ƽ���*/
.incontent{ margin-top:30px; overflow:hidden;}
.incontent ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
	justify-items: center;
	align-items: start;
align-items: stretch;}
.incontent ul li{ background:#dcd7cc; padding:10px; overflow:hidden;}
.incontent ul li .box{width:100%; position:relative; overflow:hidden; margin:0px auto; background:#fff;}
.incontent ul li .box a{height:215px;display: flex;
    align-items: center;
    justify-content: center;}
.incontent ul li img{ max-width:100%;max-height:100%;}
.incontent ul li.z{ margin-right:0px;}
.incontent ul li span{display:block; height:215px;  width:100%;  position:absolute; top:160px; left:0px;  font-size:13px;}
.incontent ul li span.bg{background:#e4dfd4;opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);}
.incontent ul li span a{line-height:32px; height:32px !important;color:#181817; margin:0px 10px}
.incontent ul li span p{ margin:0px 10px;}

/*����*/
.inabout ul li{ background:#d2cbbe;padding:10px 10px 0px; float:left; overflow:hidden; text-align:center; position:relative; width:100%; box-sizing: border-box;}
.inabout ul li img{ width:100%; height:261px;object-fit: cover;
 object-position: center center;}
.inabout ul li.rr{ }
.inabout ul li a.zz{ display:block; height:40px; line-height:40px; color:#181817; font-size:14px; position:relative; z-index:20;}
.inabout ul li:hover a.zz{ color:#fff;}
.inabout ul li a.view{ position:absolute; top:0px; left:0px;width:100%; height:100%; background:url(../images/view.jpg) center center no-repeat; display:none; background-size:cover;}
.fenye{ margin:0 auto;max-width:720px; width:100%;}
.fenye .pagelist{ margin-top:30px;}
.fenye a:hover{ background-color:#696255; color:#fff;}

/*��ϵ����*/
.inlx{ background:url(../images/contact_03.jpg) no-repeat; height:210px;line-height:30px; padding-left:450px;}
.inditu{ text-align:center; margin-top:30px;}

/*��Ʒ����*/
.inleft{ background:url(../images/inzuobg.png) repeat-y; width:217px; float:left; height:auto; overflow:auto; overflow:hidden; text-align:center; padding:40px 0px;}
.ininbt{ font-size:24px; color:#262626; margin-bottom:10px;}
.inlm{ margin:40px 0px;}
.inlm ul li{ line-height:30px; text-align:right;}
.inlm ul li a{ color:#928c7f; font-size:16px;}
.inlm ul li a:hover{ color:#000;}
.inlm ul li.cur a{color:#000;}
.inlm ul li ul li a{ font-size:14px;}
.inlm ul li li{height:20px; line-height:20px; padding-left:10px;}
.inggtu{ position:relative; width:208px; margin:auto; margin-bottom:20px; display:none;}
.inleft .erwei img{ width:185px; height:auto;}
.ggzi{ background:#d3cdbf; width:208px; height:100px; opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70); position:absolute; top:0; left:0; z-index:999; display:none;}
.inzi{ position:absolute; top:10px; left:10px;z-index:9999; display:none;}
.inanniu a{ display:block; position:absolute; top:135px; left:0; z-index:9999; display:none;}
.inanniu a.yy{ position:absolute; top:135px; left:185px;}
.erwei span{ display:block; line-height:18px; color:#444; margin-top:10px; text-align:left; margin-left:16px; text-align:right; margin-right:16px;}
.inright{ background:#fff; flex:1;padding:12px 21px 20px; float:right; height:auto; overflow:auto; overflow:hidden;}
.inright .inbt{ background:#f7f6f4;}
.local { background:#f7f6f4;}
.local .inbt{ max-width:1100px; width:94%; margin:0px auto;display: flex;
    align-items: center;
    justify-content: space-between; height:65px; line-height:normal;}
.inproduct{ margin:auto; margin-top:30px; overflow:hidden;}
.inproduct ul li{  background:#fff;padding:5px; position:relative; text-align:center; overflow:hidden;}
.inproduct ul{ width:100%;display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px;
align-items: stretch;}
.inproduct ul li img{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%);max-width:100%; max-height:100%;}
.inproduct ul li.cc{}
.inproduct ul li .bg{ display:none;}
.inproduct ul li .zi01{ text-align:left;width:100%; height:45px; line-height:45px;position:absolute; bottom:0px; left:0px; overflow:hidden; background-color:rgba(0,0,0,.4); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition:all .5s;
	-webkit-transition:all .5s;}
.inproduct ul li .zi01 a { height:auto;
    font-size: 15px;
    color: #fff;
	padding:0 15px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;
}
.inproduct ul li:hover .zi01{ bottom:-45px;}
.inproduct ul li .box{width:100%;overflow:hidden; position:relative;}
.inproduct ul li a{ display:block; position:relative; padding-top:100%;}
.inproduct ul li a img{ max-width:90%; max-height:90%;object-fit: cover;
 object-position: top center; left:50%; top:50%;transform: translate(-50%,-50%);}
.inproduct ul li a:before{width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.1);
	content: '';opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease; z-index:10;}
.inproduct ul li a:hover:before{opacity: 1;}

/*��������*/
.indat{ background:#d2cbbe; width:593px; height:330px; padding:10px; margin:auto; margin-top:20px; }
.indat #bigimg{width:593px; height:330px; overflow:hidden;}
.indat #bigimg img{width:593px;height:330px;}
.indat .loading{background:url(../images/loading.gif) 50% 50% no-repeat;}
.inxtbg{ background:#e9e4dd; width:589px; height:76px; padding:20px 12px; margin:auto; margin-top:20px; margin-bottom:25px; overflow:hidden; position:relative;}
.inxitu ul li{ background:none; height:76px; width:136px; float:left; margin-right:15px; padding:0px; margin-bottom:0px; position:relative; cursor:pointer;}
.inxitu ul li span.canv{ position:absolute; top:0px; left:0px; background:black;opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50); height:76px; width:136px;}
.inca{ position:absolute; top:40px; left:0px;}
.inca a.aa{ position:absolute; left:595px; outline:none; blr:expression(this.onFocus=this.blur());}
.incasewz {margin:auto; line-height:25px;}
.incasewz p{ margin-top:10px;}

/*��Ʒ����*/
.intyzi{ font-size:24px; text-align:center; margin-bottom:30px; font-weight:normal; line-height:1.5;}
.intytu{ margin-top:15px; text-align:center;}
.hits{float:left; height:25px; line-height:25px;background:#BCB5A5; padding:0px 5px; color:white;}
.visits{margin:5px;}

/*�����б�*/
.innews{ max-width:740px; width:100%; margin:auto; margin-top:25px;}
.innews ul li{ background:#dfdbd3; width:100%;padding:15px; margin-bottom:12px; overflow:hidden;display: flex;
    align-items: center; box-sizing: border-box;}
.innews ul li a:hover{ color:#000;}
.inntu{ background:#b9af99; float:left; width:146px; padding:5px; box-sizing: border-box; overflow:hidden;}
.inntu a{height:106px; display:block; overflow:hidden;}
.innbt span{ float:right;}
.innbt a{ color:#4a2318; font-size:15px; display:block; }
.inntu a img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.innzi{ display:block; color:#454140; line-height:24px; margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.innzi a{ color:#333}
.innews ul li{display: flex;
    align-items: center;
    justify-content: space-between;}
.innews ul li .innyou{margin-left:15px; flex:1; overflow:hidden;}
.innews ul li .innyou a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right:5px;}

/*��������*/
.innews .tt{ text-align:center; font-size:20px; color:#222;}
.date{ margin-top:15px; border-bottom:#ccc 1px solid; height:45px; line-height:45px;}
.laiyuan{ float:left;}
.fenf{ float:right;}
.fenf a{ margin-left:4px;}
.fenf span{ float:left;}
.zhengwen{ margin-top:15px; font-size:13px; line-height:28px;}
.fy{ margin-top:15px;}
.fy a{color:#4a2318}

.focus{ position:relative;width:208px; height:306px; overflow:hidden;}
.focus a{ position:absolute; top:0px; left:0px;}

.fenxiang{height:30px; margin-bottom:20px; border-bottom:solid 2px #eee; padding-bottom:10px;display: flex;
    align-items: center;
    justify-content: space-between;}
.fenxiang .clear{ display:none;}

/*�Ŷ�*/
.team{max-width:1100px; width:94%; padding-top:60px; margin:0px auto;}
/*.team ul{ width:100%;}
.team ul li{ float:left; margin-right:20px; margin-bottom:30px; text-align:center; position:relative;}
.team ul li .box{background:#d2cbbe;padding:3px 3px 0px; position:relative;}
.team ul li img{width:200px; height:208px;}
.team ul li.rr{ margin-right:0px;}
.team ul li p a{ display:block; height:40px; line-height:40px; color:#181817; font-size:14px;}
*/


.hm_one{ max-width:1100px; width:94%;margin:0px auto; padding-top:50px; }
.hm_one ul{ width:100%;display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 10px;
align-items: stretch;}
.hm_one ul li{ text-align:center; overflow:hidden; padding:10px;}
.hm_one ul li .t{ display:block;}
.hm_one ul li a{ font-size:16px; color:#6f6e6e;}
.hm_one ul li a .tp{  clear:both; width:100%; margin:0px auto 15px; position:relative; overflow:hidden; padding-top:100%;}
.hm_one ul li a .tp img{ width:100%; height:100%;object-fit: cover;
 object-position: center center; position:absolute; left:0px; top:0px;}
.hm_one ul li a:hover .tp{-webkit-box-shadow:0 0 10px 3px #f1eeee;  
  -moz-box-shadow:0 0 10px 3px #f1eeee;  
  box-shadow:0 0 8px 5px #f1eeee;}
.hm_one ul li a .tp i.view, .xnews .xwtu a i.view, .anli ul li a.photo i.view{position:absolute; height:100%;width:100%; left:0;top:0; background:url(../images/sview.jpg) center no-repeat; opacity:0;filter:alpha(opacity=0);transition:all .5s;-webkit-transition:all .5s; z-index:5}
.hm_one ul li a:hover .tp i.view, .xnews .xwtu a:hover i.view, .anli ul li a.photo:hover i.view{opacity:.5;filter:alpha(opacity=50)}
  
.hm_three{ width:506px; float:right;}
.hm_three ul li{ width:240px; float:left; text-align:center; margin-bottom:20px; margin-left:10px;}

.hm_three ul li a{ display:block; color:#515151; font-size:14px;}
.hm_three ul li a img{ margin-bottom:15px;}

.more{ padding:30px 0;}
.p_class{ background:#f0f0f0; font-size:14px;}
.p_class .container{ max-width:1100px; margin:0px auto; padding:30px 0px; padding-bottom:25px;width:94%;}
.p_class ul li { display:flex;flex-wrap: wrap; align-items: center;padding:20px 0px 10px;  border-bottom: 1px dashed #ccc;}
.p_class ul li:last-child{ border-bottom:0px;}
.p_class ul li .tpleft{ font-weight:bold; margin-right:15px;margin-bottom:7px; color:#000;}
.p_class ul li a{color: #666;
    margin-right: 15px;display: inline; margin-bottom:10px; padding:0px 3px; line-height:1.5;}
.p_class ul li a:hover,.p_class ul li a.cur{background: #404750;
    color: #fff;
    border-radius: 3px;}
.flex_2{ display:flex;}
.inright_1{ flex:1; overflow:hidden;}


/*Òƶ¯²Ëµ¥*/
.menubtn{
    display: flex;
    justify-content: center;
    align-items: center;
	width:26px;
	height:40px;
	right:0px;
	z-index:100;
	display:none; position:relative; 
}
.menubtn .name{ font-size:14px; left:-50px; font-weight:500; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); position:absolute; font-weight:600; color:#000;}
.menubtn .navbar-icons {
    height: 20px;
	width:100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    display: flex;
	flex-direction:column;

	justify-content:space-between;
    cursor: pointer;
}

.menubtn .navbar-icons span {
    display: block;
    height: 2px;
    width: 100%;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
	top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
	background-color: #000;
	position:relative; border-radius:5px;
}

.menubtn .navbar-icons span:first-child {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
	width:70%; 
}

.menubtn .navbar-icons span:nth-child(3) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
    opacity:0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top:1px;
}

.menu-mc{
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:500;
	transition:all .5s;
	-webkit-transition:all .5s;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	padding-top:85px;
	display:flex;
	flex-direction:column;
	display:none;
	background:#000;
}

.menu-mc.active{
	transform:translateY(0);
	-webkit-transform:translateY(0);
}

.menu-mc .list{
	flex:1;
	overflow:auto;
}

.menu-mc .list ul{
	padding:0 24px;
}

.menu-mc .list ul li{
	line-height:55px;

}
.menu-mc .list ul li .submenu{ display:none;}
.menu-mc .list ul li .title{border-bottom: 1px solid rgba(140,140,140,.19);display: flex;align-items: center;justify-content:space-between; font-weight:600; color:#fff; }
.menu-mc .list ul li .title .iconfont{ margin-right:10px;}
.menu-mc .list ul li a{
	display:block;
	font-size:14px; color:#fff;
}
.menu-mc .list ul li .submenu a{ padding-left:20px;}
.menu-mc .list ul li .submenu a:hover{ background:#124792; font-weight:600;}
header{ background:#fff;position: sticky; left:0px; top:0px; width:100%; box-shadow:0px 0px 8px #ccc; z-index:1000000; padding-bottom:10px;}
.menu-mc .list ul li .title .icon{ width:30px; height:30px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.foot_menu{ position: fixed; width:100%; bottom:0px; left:0px;
    z-index: 100; background:#fff; border-top:1px #eee solid; display:none;}
.foot_menu ul{ display:flex;align-items: stretch; padding:0px; margin:0px;}
.foot_menu ul li{ flex:1; list-style:none;display: flex;
    align-items: center; justify-content: center; height:68px;}
.foot_menu ul li a{color:#202935; margin-bottom:0px; display:block; text-align:center; font-size:12px; }
.foot_menu ul li a .ico{ display:block; text-align:center;}
.foot_menu ul li a .ico img{ height:25px; width:auto;}


@media screen and (max-width: 1000px) {
  .nav{ display:none;}
  .top .topright .phone{ display:none;}
  .menubtn{ display:flex;}
  .menu-mc{ display:flex;}
  .top{align-items: center;}
  .inleft{ display:none;}
  header{ padding-top:10px;}
  .logo{ margin-top:0px;}
  .inabout ul li img{ height:200px;}
   .leftdh{ display:none;}
   .rightnr{ padding:0px;}
}
@media screen and (max-width: 768px) {
  
  .ywzi img{ max-width:80%; height:auto;}
  .hm_one ul{grid-template-columns: repeat(2, 1fr);}
  .logo img{ width:120px;}
  .banner{ }
  .hm_one ul li a{ font-size:14px;}
  .product{ padding-top:0px;}
  .cp{ margin-top:30px;}
  .ptu ul{grid-template-columns: repeat(2, 1fr);}
  .ptu ul li .name a{ font-size:14px;}
  .biandh{ display:none;}
  .hm_one{ padding-top:20px;}
  .news{ padding-top:30px;}
  .brand{ padding-top:30px;}
  .cp{ padding-bottom:20px;}
  .footer{ background:none;}
  .beian{ margin-top:15px;}
  .inproduct ul{grid-template-columns: repeat(2, 1fr); grid-gap: 10px 10px;}
  .p_class .container{ padding:20px 0px;}
  .foot_menu{ display:block;}
 .inbt .nm{ display:none;}
 .inabout ul{ grid-template-columns: repeat(2, 1fr);}
.inabout{ margin-top:10px;}
.incontent ul{grid-template-columns: repeat(2, 1fr);}
.incontent{ margin-top:10px;}
.laiyuan{ display:none;}
.intyzi{ margin-bottom:10px;}
.inlx{ background:none; padding-left:0px; width:100%; height:auto;}
}
@media screen and (max-width: 500px) {
	 .inabout ul{ grid-template-columns: repeat(1, 1fr);}
	 .inabout{ padding:0px;}
	 .incontent ul{grid-template-columns: repeat(1, 1fr);}
	 .innews ul li{flex-direction: column;}
	 .innews ul li .inntu{ width:100%; margin-bottom:15px;}
	 .innews ul li .inntu a{ height:206px;}
	 .innews ul li .innyou{ flex:none; width:100%; margin-left:0px;}
	 .inright{ padding:0px;}
	 .innews ul li{ margin-bottom:20px;}
	 .intyzi{ font-size:20px;}
}